{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Faster 网站快速搭建</title>
    <link rel="shortcut icon" href="{% static 'fast/imgs/logo.svg' %} ">
    <link rel="stylesheet" href="{% static 'fast/plugins/bootstrap/css/bootstrap.css' %} "/>
    <link rel="stylesheet" href="{% static 'fast/plugins/font-awesome/css/font-awesome.css' %} "/>
    <link rel="stylesheet" href="{% static 'fast/css/commons.css' %} "/>
    <link rel="stylesheet" href="{% static 'fast/css/nav.css' %} "/>
    <link rel="stylesheet" href="{% static 'fast/css/search-group.css' %} "/>
    {% block css %}{% endblock %}
</head>
<body>

<div class="pg-header">
    <div class="nav">
        <div class="logo-area left ">
            <a href="#">
                <img class="logo" src="{% static 'fast/imgs/logo.svg' %}">
                <span style="font-size: 18px;">Faster </span>
            </a>
        </div>

        <div class="left-menu left">
            <a class="menu-item">一级标题</a>
            <a class="menu-item">一级标题</a>
            <a class="menu-item">一级标题</a>
            <div class="menu-item">
                <span>一级菜单</span>
                <i class="fa fa-caret-down" aria-hidden="true"></i>
                <div class="more-info">
                    <a href="#" class="more-item">二级</a>
                    <a href="#" class="more-item">二级</a>
                </div>
            </div>
        </div>

        <div class="right-menu right clearfix">

            <div class="user-info right">
                <a href="#" class="avatar">
                    <img class="img-circle" src="{% static 'fast/imgs/default.png' %}">
                </a>

                <div class="more-info">
                    <a href="#" class="more-item">个人信息</a>
                    <a href="#" class="more-item">注销</a>
                </div>
            </div>

            <a class="user-menu right">
                msg
                <i class="fa fa-commenting-o" aria-hidden="true"></i>
                <span class="badge bg-success">2</span>
            </a>

            <a class="user-menu right">
                notifer
                <i class="fa fa-envelope-o" aria-hidden="true"></i>
                <span class="badge bg-success">2</span>
            </a>

            <a class="user-menu right">
                task
                <i class="fa fa-bell-o" aria-hidden="true"></i>
                <span class="badge bg-danger">4</span>
            </a>
        </div>

    </div>
</div>
<div class="pg-body">
    <div class="left-menu">
        <div class="menu-body">

        </div>
    </div>
    <div class="right-body">
        <div>

        </div>
        {% block content %} {% endblock %}
    </div>
</div>


<script src="{% static 'fast/js/jquery-3.3.1.min.js' %} "></script>
<script src="{% static 'fast/plugins/bootstrap/js/bootstrap.js' %} "></script>

{% block js %} {% endblock %}
</body>
</html>